<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
 <link rel="stylesheet" href="common/weui/css/weui.min.css">
    <link rel="stylesheet" href="common/amazeui/css/amazeui.min.css" />
   
    <link rel="stylesheet" href="//at.alicdn.com/t/font_6y0q6setrhtfn7b9.css">
    <script src="common/amazeui/js/jquery.min.js"></script>
    <script src="common/amazeui/js/amazeui.min.js"></script>
    <script src="common/weui/js/weui.min.js"></script>
    <link rel="stylesheet" href="common/amazeui/css/amazeui.datatables.min.css" />
    <script src="common/amazeui/js/amazeui.datatables.min.js"></script>
</head>
<body data-type="index">
    <script src="common/amazeui/js/theme.js"></script>
  <table class="am-table am-table-striped am-table-bordered am-table-compact am-text-nowrap" id="example">
  <thead>
  <tr>
    <th>Rendering engine</th>
    <th>Browser</th>
    <th>Platform(s)</th>
    <th>Engine version</th>
    <th>Grade</th>
  </tr>
  </thead>
 
  <tbody>
  <tr class="odd gradeX">
    <td>Trident</td>
    <td>Internet
      Explorer 4.0</td>
    <td>Win 95+</td>
    <td class="center"> 4</td>
    <td class="center">X</td>
  </tr>
  <tr class="even gradeC">
    <td>Trident沙发上的防守打法沙发撒旦法阿斯蒂芬阿斯蒂芬阿斯蒂芬撒的发到付阿萨德发顺丰撒的四大阿萨德阿萨德</td>
    <td>Internet
      Explorer 5.0</td>
    <td>Win 95+</td>
    <td class="center">5</td>
    <td class="center">C</td>
  </tr>
   <tr class="even gradeC">
    <td>Trident</td>
    <td>Internet
      Explorer 5.0</td>
    <td>Win 95+</td>
    <td class="center">5</td>
    <td class="center">C</td>
  </tr>
   <tr class="even gradeC">
    <td>Trident</td>
    <td>Internet
      Explorer 5.0</td>
    <td>Win 95+</td>
    <td class="center">5</td>
    <td class="center">C</td>
  </tr>
   <tr class="even gradeC">
    <td>Trident</td>
    <td>Internet
      Explorer 5.0</td>
    <td>Win 95+</td>
    <td class="center">5</td>
    <td class="center">C</td>
  </tr>
   <tr class="even gradeC">
    <td>Trident</td>
    <td>Internet
      Explorer 5.0</td>
    <td>Win 95+</td>
    <td class="center">5</td>
    <td class="center">C</td>
  </tr>
   <tr class="even gradeC">
    <td>Trident</td>
    <td>Internet
      Explorer 5.0</td>
    <td>Win 95+</td>
    <td class="center">5</td>
    <td class="center">C</td>
  </tr>
   <tr class="even gradeC">
    <td>Trident</td>
    <td>Internet
      Explorer 5.0</td>
    <td>Win 95+</td>
    <td class="center">5</td>
    <td class="center">C</td>
  </tr>
   <tr class="even gradeC">
    <td>Trident</td>
    <td>Internet
      Explorer 5.0</td>
    <td>Win 95+</td>
    <td class="center">5</td>
    <td class="center">C</td>
  </tr>
   <tr class="even gradeC">
    <td>Trident</td>
    <td>Internet
      Explorer 5.0</td>
    <td>Win 95+</td>
    <td class="center">5</td>
    <td class="center">C</td>
  </tr>
   <tr class="even gradeC">
    <td>Trident</td>
    <td>Internet
      Explorer 5.0</td>
    <td>Win 95+</td>
    <td class="center">5</td>
    <td class="center">C</td>
  </tr>
   <tr class="even gradeC">
    <td>Trident</td>
    <td>Internet
      Explorer 5.0</td>
    <td>Win 95+</td>
    <td class="center">5</td>
    <td class="center">C</td>
  </tr>
   <tr class="even gradeC">
    <td>Trident</td>
    <td>Internet
      Explorer 5.0</td>
    <td>Win 95+</td>
    <td class="center">5</td>
    <td class="center">C</td>
  </tr>
   <tr class="even gradeC">
    <td>Trident</td>
    <td>Internet
      Explorer 5.0</td>
    <td>Win 95+</td>
    <td class="center">5</td>
    <td class="center">C</td>
  </tr>
  
   <tr class="even gradeC">
    <td>Trident</td>
    <td>Internet
      Explorer 5.0</td>
    <td>Win 95+</td>
    <td class="center">5</td>
    <td class="center">C</td>
  </tr>
   <tr class="even gradeC">
    <td>Trident</td>
    <td>Internet
      Explorer 5.0</td>
    <td>中国</td>
    <td class="center">5</td>
    <td class="center">C</td>
  </tr>
  <!-- more data -->
  </tbody>
</table>


<script type="text/javascript">

$(function() {
	$(function() {
	    $('#example').DataTable({
	    	responsive: true,
	    	  dom: 'ftip'
	    	});
	  });
});
   </script>  
    <script src="common/amazeui/js/app.js"></script>
</body>
</html>